// 搜索配置
export const searchOption = ref({
  formConfig: {
    //交易时间
    createTime: {
      label: "交易时间",
      component: "el-date-picker",
      type: "daterange",
      col: { span: 6 },
    },
    //收支类型
    type: {
      label: "收支类型",
      component: "el-select",
      dicUrl: "",
      options: [],
      labelWidth: "auto",
    },
    // 交易类型
    transactionType: {
      label: "交易类型",
      component: "el-select",
      dicUrl: "",
      options: [],
      labelWidth: "auto",
    },
    //来源
    source: {
      label: "来源",
      component: "el-select",
      dicUrl: "",
      options: [],
      labelWidth: "auto",
    },
    //流水号
    serialNumber: {
      label: "流水号",
      component: "el-input",
      placeholder: "请输入流水号",
      clearable: true,
      labelWidth: "auto",
    },
    //关联账单流水号
    relatedSerialNumber: {
      label: "关联流水号",
      component: "el-input",
      placeholder: "请输入关联流水号",
      clearable: true,
      col: { span: 8 },
      labelWidth: "auto",
    },
    //订单号
    orderSerialNumber: {
      label: "订单号",
      component: "el-input",
      placeholder: "请输入订单号",
      clearable: true,
      labelWidth: "auto",
    },

    // tenantId: {
    //     label: "客户ID",
    // },
    // customerName: {
    //     label: "客户名称",
    // },
    // operationModeId: {
    //     label: "运营模式",
    //     component: "el-select",
    //     dicUrl: Api.mode.GetModeList,
    //     options: [],
    // },
    // updateName: {
    //     label: "操作人员",
    // },
    // // 开通时间
    // createTime: {
    //     label: "开通时间",
    //     component: "el-date-picker",
    //     type: "daterange",
    // },
    // // 到期时间
    // expiredTime: {
    //     label: "到期时间",
    //     component: "el-date-picker",
    //     type: "daterange",
    // },
  },
  // 菜单
  menu: true,
});

// 表格配置
export const tableOption = ref(
  Utils.tools.deleteSearchConfig({
    menuHeaderAlign: "center",
    // 弹窗宽度
    dialogWidth: "30%",
    // 是否显示编辑按钮
    editBtn: false,
    // 是否显示删除按钮
    delBtn: false,
    // 菜单宽度 单个按钮 52px 按钮容器内边距 8px 例如：4个按钮 = 52 * 4 * 8
    menuWidth: 216,
    // 操作栏配置
    menu: false,
    // 表格配置
    column: {
      //流水号
      serialNumber: {
        label: "流水号",
      },
      //交易金额
      amount: {
        label: "交易金额",
      },
      //账户余额
      balance: {
        label: "账户余额",
      },
      //交易时间
      createTime: {
        label: "交易时间",
      },
      //交易类型
      transactionType: {
        label: "交易类型",
      },
      //来源
      source: {
        label: "来源",
      },
      //订单号
      orderSerialNumber: {
        label: "订单号",
      },
      //关联账单流水号
      relatedSerialNumber: {
        label: "关联账单流水号",
      },
      //备注
      remark: {
        label: "备注",
      },
    },
  })
);
export const appTableOption = ref(
  Utils.tools.deleteSearchConfig({
    height: 300,
    menu: false,
    // 弹窗宽度
    dialogWidth: "30%",
    // 是否显示编辑按钮
    editBtn: false,
    // 是否显示删除按钮
    delBtn: false,
    // 菜单宽度 单个按钮 52px 按钮容器内边距 8px 例如：4个按钮 = 52 * 4 * 8
    menuWidth: 216,
    // 表格配置
    column: {
      serviceName: {
        label: "应用名称",
        width: 120,
      },

      serviceTypeName: {
        label: "应用类型",
        width: 320,
      },

      // operationModeName: {
      //   label: "运营模式",
      //   width: 120,
      // },

      tenantCost: {
        label: "成本",
        minWidth: 120,
      },

      tenantFee: {
        label: "资费",
        minWidth: 120,
      },
    },
  })
);
export const renewTableOption = ref(
  Utils.tools.deleteSearchConfig({
    height: 300,
    menu: false,
    // 是否显示编辑按钮
    editBtn: false,
    // 是否显示删除按钮
    delBtn: false,
    // 菜单宽度 单个按钮 52px 按钮容器内边距 8px 例如：4个按钮 = 52 * 4 * 8
    menuWidth: 216,
    // 表格配置
    column: {
      createTime: {
        label: "续费时间",
        width: 180,
        type: "datetime",
        format: "YYYY-MM-DD",
        valueFormat: "YYYY-MM-DD",
      },
      renewalAmount: {
        label: "续费金额",
      },
      expireDate: {
        label: "到期时间",
        width: 180,
        type: "datetime",
        format: "YYYY-MM-DD",
        valueFormat: "YYYY-MM-DD",
      },
      updateName: {
        label: "操作人员",
      },
      // renewalPeriod: {
      //   label: "续费年限",
      // },
    },
  })
);
